<template>
  <div>
    <div class="div_ul">
        <ul>
          <li v-for="item in arr">{{item}}</li>
        </ul>
    </div>
  </div>
</template>
<script>

  export default{
    props:{
      arr:{
        type:Array
      }
    }
  }
</script>
<style>
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
  }
  .div_ul{
    width:200px;
    height:200px;
    border:1px solid red;
    /* overflow: hidden; */
  }
  ul{
    list-style: none;
    height: inherit;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  li{
    /* float:left; */
    /* display: inline-block; */
    width:20px;
    height:20px;
    border:1px solid #ccc;
  }
</style>

